<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人介绍</title>
    <style>
        body {
            background-image: url(背景.jpg);
            background-size: 100% 100%;
            background-position: center 0;
            background-attachment: fixed;
        }
        
        h1 {
            color: aliceblue;
            letter-spacing: 10px;
            margin-left: 150px;
            display: inline-block;
            margin-bottom: 40px;
        }
        
        .container a h1:hover {
            width: 170px;
            height: 50px;
            border: 3px solid rgb(125, 200, 240);
        }
    </style>
</head>


<link rel="stylesheet" href="styless.css">

<body>
    <div class="container">
        <header>
            <div>
                <a href="index.html">
                    <h1>作品首页</h1>
                </a>
                <a href="works.html">
                    <h1>个人作品</h1>
                </a>
                <a href="my.html">
                    <h1>饮食运动</h1>
                </a>
                <a href="gym.html">
                    <h1>减肥变化</h1>
                </a>

                <img class="a" src="个人介绍.png" alt="">
            </div>
        </header>
        <aside>
            <div class="all">
                <div>姓名:杜亚萍</div>
                <div>生日:2001.07.10 </div>
                <div>星座:巨蟹座 </div>
                <div>爱好:跑步、电影、研究饮食</div>
            </div>
            <div class="in">有的事情本来很遥远，你争取，他就会离你越来越近。
            </div>
        </aside>



    </div>
</body>

</html>